<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="UTF-8">
    <title>发货单看板</title>
    <!--生产追踪-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel="icon" th:href="@{/static/console/common/images/favicon.ico}">
    <link rel="stylesheet" type="text/css" th:href="@{/static/css/element/index.css}"/>
    <link rel="stylesheet" type="text/css"
          th:href="@{/static/console/css/production/component/invoice-detail.css?version=202503201920}"/>
    <link rel="stylesheet" type="text/css"
          th:href="@{/static/console/css/board/invoice-examine.css?version=202303231055}"/>
    <link rel="stylesheet" type="text/css"
          th:href="@{/static/console/css/production/component/invoice-expend.css?version=202503201742}"/>
    <link rel="stylesheet" type="text/css"
          th:href="@{/static/console/css/production/component/invoice-detail.css?version=202503201742}"/>
</head>

<body>
<div id="container">
    <div class="indent-box">
        <el-container>
            <el-header>
                <el-date-picker v-model="indentSearch.startDate"
                                type="datetime" default-time="08:30:00"
                                :value-format="indentSearch.dateFormat"
                                placeholder="起始日期" size="mini">
                </el-date-picker>
                <el-date-picker v-model="indentSearch.endDate"
                                type="datetime" default-time="08:30:00"
                                :value-format="indentSearch.dateFormat"
                                placeholder="截止日期" size="mini">
                </el-date-picker>
                <el-input v-model="indentSearch.searchVal" placeholder="输入查询信息搜索" clearable size="mini"></el-input>
                <el-button type="success" icon="el-icon-search" @click="searchIndent" size="mini">查询</el-button>
            </el-header>
            <el-main>
                <el-table :data="indentDatas" border v-loading="indentLoading" height="30vh" highlight-current-row
                          @current-change="indentSelChange">
                    <el-table-column prop="code" show-overflow-tooltip
                                     label="任务单编号"
                                     width="210"></el-table-column>
                    <el-table-column show-overflow-tooltip
                                     prop="conName"
                                     label="工程名称"
                                     width="240"></el-table-column>
                    <el-table-column show-overflow-tooltip
                                     prop="site"
                                     label="施工部位"
                                     width="240"></el-table-column>
                    <el-table-column show-overflow-tooltip
                                     prop="strengthName"
                                     label="砼强度"
                                     width="180">
                    </el-table-column>
                    <el-table-column show-overflow-tooltip
                                     prop="tech"
                                     label="特性要求"
                                     width="180">
                    </el-table-column>
                    <el-table-column show-overflow-tooltip
                                     prop="castModelName"
                                     label="浇筑方式"
                                     width="150">
                    </el-table-column>
                    <el-table-column show-overflow-tooltip
                                     prop="pumpDeviceName"
                                     label="泵送设备"
                                     width="150">
                    </el-table-column>
                    <el-table-column show-overflow-tooltip
                                     prop="distance"
                                     label="运距(KM)"
                                     width="100"></el-table-column>
                    <el-table-column show-overflow-tooltip
                                     prop="planStere"
                                     label="计划方量"
                                     width="100"></el-table-column>
                    <el-table-column show-overflow-tooltip
                                     prop="actualStartTime"
                                     label="实际开盘时间"
                                     width="180"></el-table-column>
                    <el-table-column show-overflow-tooltip
                                     prop="dispatchStartTime"
                                     label="计划开盘时间"
                                     width="180"></el-table-column>
                    <el-table-column prop="typeTxt" label="状态" width="80"></el-table-column>
                </el-table>
            </el-main>
            <el-footer>
                <el-pagination background
                               @size-change="indentSizeChange"
                               @current-change="indentCurrentChange"
                               :page-sizes="[50, 100, 200,500]"
                               :page-size="indentSearch.limit"
                               :current-page.sync="indentSearch.pageIndex"
                               layout="total,sizes, prev, pager, next"
                               :total="indentSearch.total">
                </el-pagination>
            </el-footer>
        </el-container>
    </div>
    <div class="invoice-box">
        <el-container>
            <el-header>

            </el-header>
            <el-main>
                <template>
                    <el-table :data="invoiceDatas" border v-loading="invoiceLoading" height="44vh" max-height="44vh"
                              highlight-current-row size="mini">
                        <el-table-column prop="code" show-overflow-tooltip
                                         label="发货单编号"
                                         width="180"></el-table-column>
                        <el-table-column label="发货类型"
                                         width="90">
                            <template slot-scope="scope">
                                <template v-if="scope.row.invoiceType == 0">
                                    <el-tag>{{scope.row.invoiceTypeTxt}}</el-tag>
                                </template>
                                <template v-else-if="scope.row.invoiceType == 1">
                                    <el-tag type="warning">{{scope.row.invoiceTypeTxt}}</el-tag>
                                </template>
                                <template v-else="scope.row.invoiceType == 2">
                                    <el-tag type="info">{{scope.row.invoiceTypeTxt}}</el-tag>
                                </template>
                            </template>
                        </el-table-column>
                        <el-table-column show-overflow-tooltip
                                         prop="proStere"
                                         label="生产方量"
                                         width="120">
                        </el-table-column>
                        <el-table-column show-overflow-tooltip
                                         prop="inStere"
                                         label="转入方量"
                                         width="120">
                        </el-table-column>
                        <el-table-column show-overflow-tooltip
                                         prop="outStere"
                                         label="转出方量"
                                         width="120">
                        </el-table-column>
                        <el-table-column show-overflow-tooltip
                                         prop="outStere"
                                         label="转出方量"
                                         width="120">
                        </el-table-column>
                        <el-table-column show-overflow-tooltip
                                         prop="scrapStere"
                                         label="作废方量"
                                         width="120">
                        </el-table-column>
                        <el-table-column show-overflow-tooltip
                                         prop="sendStere"
                                         label="发货方量(方)"
                                         width="120">
                        </el-table-column>
                        <el-table-column show-overflow-tooltip
                                         prop="totalCar"
                                         label="车次"
                                         width="60">
                        </el-table-column>
                        <el-table-column show-overflow-tooltip
                                         prop="totalStere"
                                         label="累计方量"
                                         width="100">
                        </el-table-column>
                        <el-table-column show-overflow-tooltip
                                         prop="proTime"
                                         label="生产时间"
                                         width="160">
                        </el-table-column>
                        <el-table-column show-overflow-tooltip
                                         prop="carCode"
                                         label="搅拌车"
                                         width="100">
                        </el-table-column>
                        <el-table-column show-overflow-tooltip
                                         prop="driver"
                                         label="司机"
                                         width="100">
                        </el-table-column>
                        <el-table-column label="生产方式" width="120">
                            <template slot-scope="scope">
                                <template v-if="scope.row.createType == 0">
                                    <el-tag>{{scope.row.createTypeTxt}}</el-tag>
                                </template>
                                <template v-if="scope.row.createType == 1">
                                    <el-tag type="success">{{scope.row.createTypeTxt}}</el-tag>
                                </template>
                                <template v-if="scope.row.createType == 2">
                                    <el-tag type="warning">{{scope.row.createTypeTxt}}</el-tag>
                                </template>
                                <template v-if="scope.row.createType == 3">
                                    <el-tag>{{scope.row.createTypeTxt}}</el-tag>
                                </template>
                            </template>
                        </el-table-column>
                        <el-table-column label="生产线"
                                         prop="mixName"
                                         width="80"></el-table-column>
                        <el-table-column label="状态" width="80">
                            <template slot-scope="scope">
                                <template v-if="scope.row.process == 6">
                                    <el-tag type="danger">{{scope.row.processTxt}}</el-tag>
                                </template>
                                <template v-else>
                                    {{scope.row.processTxt}}
                                </template>
                            </template>
                        </el-table-column>
                        <el-table-column fixed="right"
                                         label="操作"
                                         width="100">
                            <template scope="scope">
                                <el-tooltip content="查看发货单详情" placement="top">
                                    <el-button icon="el-icon-view" size="mini" type="info" circle
                                               @click="showInvDetail(scope.row.id)"></el-button>
                                </el-tooltip>
                                <!--  发货单消耗 -->
                                <el-tooltip content="查看发货单消耗" placement="top">
                                    <el-button icon="el-icon-coin" size="mini" type="success" circle
                                               @click="showExpendDialog(scope.row)"></el-button>
                                </el-tooltip>
                            </template>
                        </el-table-column>
                    </el-table>
                    <el-pagination background
                                   @size-change="invoiceSizeChange"
                                   @current-change="invoiceCurrentChange"
                                   :page-sizes="[50, 100, 200,500]"
                                   :page-size="invoiceSearch.limit"
                                   :current-page.sync="invoiceSearch.pageIndex"
                                   layout="total,sizes, prev, pager, next"
                                   :total="invoiceSearch.total">
                    </el-pagination>
                </template>
            </el-main>
        </el-container>
    </div>
    <!-- 发货单消耗 -->
    <invoice-expend-dialog v-if="invExpendDialog.show" :invoice="invExpendDialog.invoice"
                           @closed="invExpendDialog.show = false"></invoice-expend-dialog>
    <!--  发货单详情  -->
    <invoice-detail-dialog v-if="detailDialog.show" :invoice-id="detailDialog.invoiceId"
                           @closed="detailDialog.show = false"></invoice-detail-dialog>
</div>
</body>
<script type="text/javascript" th:src="@{/static/console/assets/js/jquery-3.2.1.min.js}"></script>
<script type="text/javascript" th:src="@{/static/console/js/pages/base.js}" charset="utf-8"></script>
<script type="text/javascript" th:src="@{/static/js/vue.min.js}"></script>
<script type="text/javascript" th:src="@{/static/js/element/index.js}"></script>
<script type="text/javascript" th:src="@{/static/console/datepicker/jquery-datePicker.js}" charset="utf-8"></script>
<script th:src="@{/static/console/js/pages/production/component/invoice-detail.js?version=202503201742}"></script>
<script th:src="@{/static/console/js/pages/production/component/invoice-expend.js?version=202503201742}"></script>
<script type="text/javascript" th:src="@{/static/console/js/pages/board/invoice-examine.js?version=202505161447}"
        charset="utf-8"></script>

</html>